import { createRouter,createWebHistory } from 'vue-router'

const childrenRoute = [];

//4 :定义路由配置规则
const routes = [{
    path: "/",
    meta: { title: "首页" },
    name: "index",
    component: () =>
        import ('@/views/Index.vue'),
    children: childrenRoute
}, {
    path: "/login",
    name: "login",
    meta: { title: "登录" },
    component: () =>
        import ('@/views/login/Login.vue')
}, {
    path: "/toLogin",
    redirect: "/login"
}, {
    path: '/:pathMatch(.*)*',
    name: '404',
    meta: { title: "404" },
    component: () =>
        import ('@/views/error/404.vue')
}, {
    path: '/403',
    name: '403',
    meta: { title: "403" },
    component: () =>
        import ('@/views/error/403.vue')
}]

//2 :创建路由对象
const router = createRouter({
    // 引入访问模式
    history: createWebHistory(),
    routes
})


// 定义后置守卫--拦截器思想
router.beforeEach((to, from, next) => {
    // 如果是登录页面就不拦截
    if (to.path === "/login") {
        next();
    } else {
        // 开始检验是否登录。如果没有登录直接重定向到登录页
        const isLogin = true; // 这里应该是根据你的实际逻辑来判断是否登录
        if (!isLogin) {
            // 重定向到登录页
            next("/toLogin");
        } else {
            // 登录了就放行
            next();
        }
    }
})



router.afterEach((to, from) => {
    // 标题切换
    document.title = to.meta.title + "-咨询后台管理系统" || "咨询后台管理系统";
})


// 3: 导出即可生效
export default router
